/* CSS Document */

body {
    margin:0 28px 0 28px;
    min-width: 1110px;
    height:auto;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight: lighter;
}

#wrapper {

}
#content{
    min-height: 350px;
    margin:0 0 -65px 0;
    position: relative;
    text-align: left;
}
#content_top_left{
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/content_top_left.png) no-repeat;
}
#content_top_right{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/content_top_right.png) no-repeat;
}
#content_top_m{
    margin: 0 16px 0 16px;
    height: 16px;
    background: url(../images/content_top_m.png) repeat-x;
}
#content_bottom_left{
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/content_bottom_left.png) no-repeat;
}
#content_bottom_right{
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/content_bottom_right.png) no-repeat;
}
#content_bottom_m{

    margin: 0 16px -50px 16px;
    height: 16px;
    background: url(../images/content_bottom_m.png) repeat-x;
}
#main_content{
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 0 4px 0 4px;
    border: solid 1px #BF202F;
    border-top: none;
    border-bottom: none;
    padding: 0 11px
}
.header {

}
#footer{
    background:url(../images/footer_bg.png) repeat-x;
    height: 181px;
    text-align:center;
    margin: 0 -10px;
}

#copy_right{
    color:#FFFFFF;
    float:left;
    padding:85px 0 0 25px;
    text-align:left;
    font-size: 9px;
}
#image_fotter {
    float: right;
    padding:47px 0 0 0;
}

.clear {
    clear:both;
    margin:0px;
    padding:0px;
}
.heading{
    color:#4F815C;
}

/* Menu Style Start Here */
#mainmenu{
    padding: 0px;
    margin: 0px;
}

#menu_left{
    float: left;
    width: 10px;
    height: 41px;
    background:url("../images/menu_left.gif") no-repeat bottom;
    /*    background:url("../images/menu_left.gif") no-repeat;
        width:11px;
        height:46px;*/
}
#menu_right{
    float: right;
    width: 10px;
    height: 41px;
    background:url("../images/menu_right.gif") no-repeat bottom;

}

#label {
    height: 48px;
}
#label h1{
    text-align: center;
    color: #BF202F;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
#top{
    padding:15px 0 5px 0;
}

#logo1{
    text-align:left;
}
#logo2{
    text-align:right;    
}
#logo2 img{height: 84px; margin-top: -97px;}
#logout{
    width: 95%;
    margin: auto;
    text-align: right;


}
#logout a{
    text-decoration: none;

}
#logout a:hover{
    color:brown;

}

.Tcontrol:hover{
    -moz-transition-duration:0.5s;
    box-shadow:5px 3px 5px #ccc;
    border-bottom-left-radius:0% 30px;
    border-bottom-right-radius:0% 30px;
}
.Tcontrol{
    padding: 11px 0px 11px 0px;
}
/*style for table */
.task1 .manager .myTable {
    margin: 0 auto;
    width: 100%;
}
.task1 .mytable {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
.task1 .mytable tr {
    border-bottom: 1px solid #CCCCCC;
}
.task1 .mytable th {
    border-right: 1px solid #999999;
    padding: 1px;
}
.task1 .mytable th {
    background-color: #5C9416;
    font-size: 11px;
    text-align: center;
    height: 20px;
}
tr.row1 {
    background-color: #F0F0EE;
}
.task1 .mytable tr:last-child {
    border-bottom: medium none;
}
.task1 .mytable tr:hover {
    background-color: #E8F6FE;
}
.task1 .mytable td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 12px !important;
    padding: 0 2px;
}

/*======================== Style for calendar edition=================*/
.dayOfWeek{display:inline; padding:2px; width:25px;}
.dateBox{cursor:pointer; background-color:#E6E6E6; padding:2px}
.dayOfWeekBox {color:#000000;}

div#picker {width:189px; position:absolute; visibility:hidden; background-color:#CCCCFF; border:solid #000000 1px;margin-top: -200px;margin-left: -32px;}
div#picker_year{background-color:#E6E6E6; padding:2px; border-bottom:solid #000000 1px; font-weight:bold; text-decoration:none;}
div#picker_year a{text-decoration:none;}
div#picker_month{padding:2px; border-bottom:solid #000000 1px;}
/*=========================Style Menu ===========================*/
.cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; } 
.cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
.cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
.cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
.cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
.cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
.cssmenu ul li#has-sub:hover > a:after{top:0; bottom:0;} 
.cssmenu > ul > li#has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
.cssmenu > ul > li#has-sub:hover > a:before{top:19px;} 
.cssmenu ul li#has-sub:hover > a{ background:#006600; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
.cssmenu ul li#has-sub:hover > ul, .cssmenu ul li#has-sub:hover > div{display:block;} 
.cssmenu ul li#has-sub > a:hover{background:#006600; border-color:#3f3f3f;} 
.cssmenu ul li > ul, .cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#006600; border-radius:0 0 5px 5px; z-index:999; } 
.cssmenu ul li > ul{width:240px;} 
.cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
.cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
.cssmenu ul li.active a {
   /* background:url("../images/menu_hover_bg.png") repeat-y right bottom;*/
    padding:12px 20px 12px 22px;
    background-color: #006600;
}

.cssmenu, .cssmenu > ul > li > ul > li a:hover{ 
    background:#006600; 
    background:-moz-linear-gradient(top,  #60a318 0%, #588514 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#60a318), color-stop(100%,#588514)); 
    background:-webkit-linear-gradient(top,  #60a318 0%,#588514 100%); 
    background:-o-linear-gradient(top,  #60a318 0%,#588514 100%); 
    background:-ms-linear-gradient(top,  #60a318 0%,#588514 100%); 
    background:linear-gradient(top,  #60a318 0%,#588514 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a318', endColorstr='#588514',GradientType=0 ); 
} 
.cssmenu{border-color:#39540d;} 
.cssmenu > ul > li > a{border-right:1px solid #39540d; color:#fff;} 
.cssmenu > ul > li > a:after{border-color:#87d435;} 
.cssmenu > ul > li > a:hover{background:#006600;} 
/*============================*/



/*============================= sttle for message successful in the manager page ======================*/
   #system-message dd {
        font-weight: bold;
        margin: 0;
        text-indent: 30px;
        margin-top: 30px;
    }
    #system-message dd.message ul {
        background-color: #C3D2E5;
        background-image: url("../images/user_images/myimage.png");
    }
    #system-message dd ul {
        background-position: 4px top;
        background-repeat: no-repeat;
        border-bottom: 3px solid #84A7DB;
        border-top: 3px solid #84A7DB;
        color: #0055BB;
        list-style: none outside none;
        margin-bottom: 10px;
        padding: 2px;
    }
    #system-message dd ul li {
        line-height: 2.5em;
    }
/*---------------------style for filesed-----------------------*/
fieldset{
    overflow: hidden;
}
/*this is start of style sheet*/

    #system-message dd {
        font-weight: bold;
        margin: 0;
        text-indent: 30px;
    }
    #system-message dd.message ul {
        background-color: #C3D2E5;
        background-image: url("../images/user_images/myimage.png");
    }
    #system-message dd ul {
        background-position: 4px top;
        background-repeat: no-repeat;
        border-bottom: 3px solid #84A7DB;
        border-top: 3px solid #84A7DB;
        color: #0055BB;
        list-style: none outside none;
        margin-bottom: 10px;
        padding: 2px;
    }
    #system-message dd ul li {
        line-height: 2.5em;
    }

    
/*this is the end of style sheet*/